
<template>
<el-menu default-active="1-4-1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
  <el-menu-item index="2">
    <i class="el-icon-menu"></i>
    <span slot="title"><router-link :to="{path:'/manage/userList'}"> 用户信息</router-link></span>
  </el-menu-item>
  <el-menu-item index="3">
    <i class="el-icon-document"></i>
    <span slot="title"><router-link :to="{path:'/manage/service'}">服务中心</router-link></span>
  </el-menu-item>
  <el-menu-item index="4">
    <i class="el-icon-setting"></i>
    <span slot="title"><router-link :to="{path:'/manage/article'}">文章管理</router-link></span>
  </el-menu-item>
   <el-menu-item index="4">
    <i class="el-icon-bank-card"></i>
    <span slot="title"><router-link :to="{path:'/manage/rechargecard'}">充值卡管理</router-link></span>
  </el-menu-item>
   <el-menu-item index="4">
     <i class="el-icon-document"></i>
     <span slot="title"><router-link :to="{path:'/manage/advertisementList'}">广告宝管理</router-link></span>
   </el-menu-item>
</el-menu>
</template>
<script>
 export default {
    data() {
      return {
        isCollapse: false
      };
    },
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }

</script>
<style lang="less" scoped>
   .el-menu{
     border:0px;
   }
</style>
